<extend name="_Layout/maintwo"/>
<block name="style">
    <style>
        .lbw_btn_margin{
            margin-top: 3% !important;
        }
        .lbw_btn_a_margin{
            height: 85px !important;
        }
        .lbw_btn_color_one{
            color: #FFF;
            font-weight: bold;
            background-color: #44CDAF;
        }
        .lbw_btn_color_two{
            color: #FFF;
            font-weight: bold;
            background-color: #2646A1;
        }
        .lbw_btn_p_{
            font-size: 8px;
            color: #FFF;
            margin-left: 12px;
        }
        .lbw_header_bztwo{
            color: #FFF !important;
            font-weight: bold !important;
            background-color: #2646A1 !important;
        }
        .lbw_header_bz{
            color: #FFF !important;
            font-weight: bold !important;
            background-color: #00B630 !important;
        }
        .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default{
            color: #FFF;
            background-color: #F19307;
            border-color: #F19307;
        }
        .lbw_plist_mx{
            margin-top: 20px;
        }
        .lbw_plist_li{
            background-color: #FFF;
            border-left: none !important;
            border-right: none !important;
            color: #656565;
            border-radius: 0px !important;
            font-weight: bold;
        }
        .lbw_pdlist_sjx {
            width: 50px;
            position: relative;
            top: -6px;
            right: -10px;
        }
        .lbw_table_tr{
            background-color: #B5FAFF;
            color: #000;
        }
    </style>
    <link href="__HOME_CSS__/fileinput.css" rel='stylesheet' type='text/css' />
</block>
<block name="main">

    <!--明細列表框-->
    <div class="row lbw_plist_mx">
        <div class="col-md-12">

            <div class="panel panel-default">
                <!-- Default panel contents -->
                <div class="panel-heading lbw_header_bz" style="padding: 5px 10px;">我要參與眾扶</div>
                <div class="table-responsive" style="padding: 15px;">
                    <table class="table table-bordered" style="border: 1px solid #DDD;">
                        <thead>
                        <tr class="lbw_table_tr">
                            <th>單號</th>
                            <th>交易進度</th>
                            <th>交易時間</th>
                            <th>付款金額</th>
                            <th>接受會員</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <volist name="lbwlist" id="sf">
                            <if condition="$sf.sk_lbw_vipid neq $user_username">
                                <tbody>
                                <tr>
                                    <td>{$sf.lbw_order_pipei}</td>
                                    <td><if condition="$sf.jiaoyi_zt eq 0">排队中<elseif condition="$sf.fk_xz_pay eq 1"/>交易中<else />交易完成</if></td>
                                    <td>{$sf.creattime}
                                    <span id="jiaoyitime{$i}" style="color: #ff2222;">
                                        </span>
                                        <script language="JavaScript">

                                            window.setInterval(function(){ // 每秒从服务器取一次数据
                                                var abc="{$sf.lbw_order_pipei}";
                                                abc = '&danhao='+abc;
                                                $.ajax({
                                                    type: "post",
                                                    url : "{:U('Home/User/fkDJSjc')}",
                                                    data:abc,
                                                    success: function(response) {
                                                        $('#jiaoyitime'+{$i}).html(response);
                                                    }
                                                });
                                            },1000);
                                        </script>
                                    </td>
                                    <td>{$sf.money_total}</td>
                                    <td>{$sf.sk_name}</td>
                                    <td>
                                        <a href="#" style="margin-bottom: 3px;margin-left: 8px;text-decoration: none;padding: 0px 5px 0px 5px;" data-toggle="modal" data-target=".lbw_mingxi{$i}" class="btn btn-info">查看明細</a>
                                    </td>
                                </tr>
                                </tbody>
                                <else />
                            </if>
                            <div class="modal fade bs-example-modal-lg lbw_mingxi{$i}" tabindex="-1"  role="dialog" aria-labelledby="myLargeModalLabel">
                                <div class="modal-dialog modal-lg">
                                    <div class="modal-content" style="border-radius:10px;">
                                        <div class="modal-header" style="background: #44CDAF;color: #FFF;border-bottom: 1px solid #FFF;border-top-left-radius: 10px;border-top-right-radius: 10px;">
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                            <h3 class="modal-title">提供幫助明細</h3>
                                        </div>
                                        <div class="modal-body">
                                            <div class="container-fluid">
                                                <div class="panel panel-default">
                                                    <div class="panel-header" style="background: #F19307;color: #FFF;padding: 15px;font-weight: bold;">
                                                        公共部分</div>
                                                    <ul class="list-group">
                                                        <li class="list-group-item"><b>雙方交易號: </b>{$sf.dk_lbw_order_pipei}</li>
                                                        <li class="list-group-item"><b>雙方交易時間: {$sf.dk_creattime}</b></li>
                                                        <li class="list-group-item"><b>交易金額: </b>{$sf.dk_money_total}</li>
                                                        <li class="list-group-item"><b>交易方式: </b><if condition="$sf.dk_peiduifs eq 1"> 支付寶<elseif condition="$sf.dk_peiduifs eq 2"/>銀行卡<elseif condition="$sf.dk_peiduifs eq 3" />比特幣 <else />待更新</if></li>
                                                        <li class="list-group-item"><b>打款截圖: </b><if condition="$sf.dk_dakuan_status eq 0">暫無 <else /><a class="btn btn-danger" href="{$sf.dk_dakuan_img}">點擊查看打款截圖</a></if></li>
                                                        <li class="list-group-item"><b>雙方交易狀態: </b><if condition="$sf.sf_jy_status eq 0"> 等待對方打款<elseif condition="$sf.sf_jy_status eq 1"/>對方已打款<elseif condition="$sf.sf_jy_status eq 2"/>交易完成<else />交易糾紛中</if></li>
                                                    </ul>
                                                </div>
                                                <div class="panel panel-default">
                                                    <div class="panel-header" style="background: #44CDAF;color: #FFF;padding: 15px;font-weight: bold;">
                                                        您的個人信息</div>
                                                    <ul class="list-group">
                                                        <li class="list-group-item"><b>您的姓名: </b>{$sf.fk_name}</li>
                                                        <li class="list-group-item"><b>打款金額: </b>{$sf.dk_money_total}</li>
                                                        <li class="list-group-item"><b>銀行卡號: </b>{$sf.dk_bank_name}</li>
                                                        <li class="list-group-item"><b>銀行名稱: </b>{$sf.dk_bank_number}</li>
                                                        <li class="list-group-item"><b>支付寶賬號: </b>{$sf.dk_alipay}</li>
                                                        <li class="list-group-item"><b>手機號: </b>{$sf.dk_my_mobile}</li>
                                                        <li class="list-group-item"><b>上級手機號: </b>{$sf.dk_sj_mobile}</li>
                                                    </ul>
                                                </div>
                                                <div class="panel panel-default">
                                                    <div class="panel-header" style="background: #2646A1;color: #FFF;padding: 15px;font-weight: bold;">
                                                        獲得幫助的人信息</div>
                                                    <ul class="list-group">
                                                        <li class="list-group-item"><b>收款人的姓名: </b>{$sf.sk_name}</li>
                                                        <li class="list-group-item"><b>收款金額: </b>{$sf.dk_money_total}</li>
                                                        <li class="list-group-item"><b>銀行卡號: </b>{$sf.sk_bank_number}</li>
                                                        <li class="list-group-item"><b>銀行名稱: </b>{$sf.sk_bank_name}</li>
                                                        <li class="list-group-item"><b>支付寶賬號: </b>{$sf.sk_alipay}</li>
                                                        <li class="list-group-item"><b>手機號: </b>{$sf.sk_my_mobile}</li>
                                                        <li class="list-group-item"><b>上級手機號: </b>{$sf.sk_sj_mobile}</li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </volist>
                    </table>
                </div>
            </div>
        </div>
        <!--申訴進度查詢 -->
        <!--end-->
        <!--側邊狀態 -->
        <!--the end-->
    </div>
    <script type="text/javascript" src="__HOME_JS__/raphaeljs.js"></script>
    <script type="text/javascript" src="__HOME_JS__/justgaga.js"></script>
    <!--the end-->
    <!--<script>

       function qcqc() {
           var II=$("#getID").val();


        $("#payff"+II).change(function() {
            var payFf = $(this).val();
            var xuanze=String(payFf) + String(II);
            $.ajax({
                type: "post",
                url: "{:U('Home/User/findGetHelp')}",
                data: {"cheackid": xuanze, "getID": $("#getID").val()},
                success: function (response) {
                    $("#payFFName").val(response);
                    //switch (response) {
                    //    case ("1"):
                      //      $("#payFFName").val("{$sf.dk_alipay}");
                  //          break;
                  //      case ("2"):
                  //          $("#payFFName").val("{$sf.dk_bank_number}");
                   //         break;
                    //    case ("3"):
                   //         $("#payFFName").val("123456789");
                    //        break;
                   //     default:
                     //       $("#payFFName").val("請選擇支付方式");
                   // }
                }
            });
        });
       }
    </script>  -->

</block>